@charset "utf-8";

/* 20260908　　ほぼ GeminiAI で教えてもらっている　 */


/* 画像リンクなのみのCSSセット内容 */





/* =============【ヘッダー部分】 【無料相談・お見積もり】のリンクCSS   START =========================== */


/* ======= HTML に書くタグ　==============

<td class="info-cell link-cell">
  <a href="../../mitsumori.html" target="_top"><img src="mg/images/navi/muryou-mitsumori_2_.png" alt="無料相談・お見積もり"></a>
</td>

======================================== */


/* 1. セル自体の設定：中身（文字や画像）を上下中央に揃える top ,  middle , bottom */

.link-cell {
  vertical-align: middle !important;
}

/* 2. リンク自体の設定：隙間や下線を無くす */
.link-cell a {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle !important;
}

/* 3. 画像のサイズと枠線の設定（最優先で適用） */
.link-cell a img {
  width: 169px !important;
  height: 28px !important;
  border: none !important;
  display: block;
  /* 0.2秒かけてじわっと透明にする設定 */
  transition: opacity 0.2s ease;
}

/* 4. マウスを上に載せた時（ホバー時）の設定 */
.link-cell a:hover img {
  opacity: 0.7; /* 透明度を70%にする */
}

/* =============【ヘッダー部分】 【無料相談・お見積もり】のリンクCSS   END =========================== */







/* =============【ヘッダー部分】 【電話番号の表示　TEL 047357-1135】の表示のみCSS   START =========================== */


/* ======= HTML に書くタグ　==============

<td class="info-cell tel-cell">
  <img src="mg/images/navi/TEL-047-357-1135_2_.png" alt="電話 047-357-1135">&nbsp;
</td>


======================================== */


/* 1. セル自体の設定：中身（文字や画像）を上下中央に揃える top ,  middle , bottom */

.tel-cell {
  vertical-align: middle !important;
}

/* 2. 画像自体の設定：サイズ固定と上下中央揃え */
.tel-cell img {
  width: 169px !important;
  height: 28px !important;
  border: none !important;
  display: inline-block; /* 横の「&nbsp;」と並べるためinline-blockにします */
  vertical-align: middle !important; /* 画像自体も上下中央に揃える */
}


/* =============【ヘッダー部分】 【無料相談・お見積もり】のリンクCSS   END =========================== */